<%@ page import="pildemil.Projet" %>
<%@ page import="pildemil.Participant" %>
<html>
    <head>
        <meta name="layout" content="main" />
    </head>
    
    <body>
    	<div data-role="page">
	        <div data-role="header" id="navigation" data-theme="b">
	        	<h1>Evènement</h1>
	        </div>
	                
	        <div data-role="content" id="content">
		        <g:form name="formulaire" controller="projet" action="ajouter" >
				    <div data-role="fieldcontain">
					    <label for="nomProjet"><em>* </em>Nom de l'évènement</label>
					    <g:textField name="nomProjet" value="${projet?.nom}" minlength="3" maxlength="50" class="required" />
				    </div>
				    
				    <div data-role="fieldcontain">
					    <label for="nom"><em>* </em>Votre nom</label>
					    <g:textField name="nom" value="${responsable?.nom}" minlength="3" maxlength="50" class="required" />
				    </div>
				    
				    <div data-role="fieldcontain">
					    <label for="email">E-mail de contact</label>
					    <g:textField name="email" value="${responsable?.email}" maxlength="100" class="email" />
				    </div>
				    
				    <fieldset class="ui-grid-a">
		        		<div class="ui-block-a"><g:link controller="projet" action="accueil" data-role="button" data-icon="arrow-l">Annuler</g:link></div>
						<div class="ui-block-b"><g:submitButton id="sauver" name="sauver" value="GO!" data-icon="check" data-theme="b"/></div>
	        		</fieldset>
	            </g:form>
	        </div>
	        
	        <script type="text/javascript">
    			$('[data-role=page]').live('pageshow', function () {   
  			    	$('#formulaire').validate();
  				});
	        </script>
        </div>
    </body>
</html>